<!-- 处置显示 -->

<template>
  <div>
    <EasyRow col3>
      <ShowText label="处置人" bind="handleUserName" />
      <ShowTime label="处置时间" bind="handleTime" />
      <ShowTime v-if="[3, 4].includes(one.handleStatus)" label="完成时间" bind="finishTime" />
    </EasyRow>

    <ShowDict label="处置预案" bind="emergencyPlanId" :dict="preplan_selectDict" isBtn @click="windowDetail" />

    <ShowText label="人员调度" multiRow>
      <span v-for="item in one.eventMemberDtos" :key="item.id" class="marginRight">
        <span>{{ item.memberUserName }}</span>
        <span v-if="item.memberUserPhone"> ({{ item.memberUserPhone }}) </span>
      </span>
    </ShowText>

    <ShowText label="物资调度" multiRow>
      <span v-for="item in one.eventSupplyDtos" :key="item.id" class="marginRight">
        <span>{{ item.name }} ({{ item.quantity }}) </span>
      </span>
    </ShowText>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import mixDetailToTable from '@admin/components/detail/mixDetailToTable'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyShow',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixDetailToTable('', 'DetailEmergencyPreplan'), CORE.mixSelect('preplan', 'preplan_')],
}
</script>
